<template>
  <!-- <div class="colorTy" @click="$router.back()"> -->
  <div class="colorTy" @click="dn">
    <!-- 标题 -->
    <div>
      <van-nav-bar title="我的" left-arrow />
    </div>
    <div class="register">
      <div class="img">
        <img src="../assets/mein.png" alt="" class="typeimg" />
      </div>
      <div class="regis" @click="passworBregister">
        <span>登录/注册</span>
        <div><van-icon name="phone" /><span class="zt">19973214232</span></div>
      </div>
      <div class="tb">
        <van-icon name="arrow" />
      </div>
    </div>
    <div class="order">
      <span>
        <div class="conten">
          <span
            ><span class="contenColor">100000</span
            ><span class="yaNg">元</span></span
          >
          <span class="balance">我的余额</span>
        </div>
      </span>
      <span class="border">
        <div class="conten">
          <span
            ><span class="contenColor">02.00</span
            ><span class="yaNg">元</span></span
          >

          <span class="balance">我的优惠</span>
        </div>
      </span>
      <span>
        <div class="conten">
          <span
            ><span class="contenColor">10.0230</span
            ><span class="yaNg">元</span></span
          >
          <span class="balance">我的积分</span>
        </div>
      </span>
    </div>
    <div>
      <van-cell title="我的订单" is-link icon="description" />
      <van-cell title="积分商城" is-link icon="cart" color="#1989fa" />
      <van-cell title="饿了么会员卡" is-link icon="location-o" />
    </div>
    <div class="conten">
      <van-cell title="服务中心" is-link icon="description" @click="wyreg" />
      <van-cell title="下载饿了么App" is-link icon="location-o" />
    </div>
  </div>
</template>

<script>
import { avatar } from "../api/registerjk";
export default {
  data() {
    return {
      show: false,
      index: 0,
      images: [],
    };
  },
  //请求数据
  created() {
    avatar().then((res) => {
      console.log(res);
      console.log(1234567);
    });
  },

  methods: {
    // 跳转到密码登录
    passworBregister() {
      this.$router.push("/wyregisterS");
    },
    onChange(index) {
      this.index = index;
    },
    wyreg() {
      this.$router.push("/reseTpasswords");
    },
    dn() {},
  },
};
</script>

<style lang="less" scoped>
.colorTy {
  background-color: #f5f5f5;
  .conten {
    margin-top: 10px;
  }
}
.order {
  padding-bottom: 17px;
}
/deep/.van-nav-bar {
  background-color: rgb(49, 144, 232);
  & .van-nav-bar__title {
    color: #fff;
  }
  & .van-icon {
    color: #fff;
  }
}
.register {
  background-color: rgb(49, 144, 232);
  width: 100%;
  height: 90px;
  padding-top: 10px;
  & .van-uploader {
    border-radius: 100px;
    float: left;
  }
  .img {
    width: 88px;
    height: 88px;
    float: left;
    background-color: rgb(255, 152, 0);
    margin-top: -3px;
    border-radius: 88px;
    margin-left: 8px;
    margin-right: 10px;
  }
  .typeimg {
    width: 100%;
    height: 100%;
    border-radius: 88px;
  }
  & .tb {
    float: right;
    color: #fff;
    // text-align: center;
    & .van-icon {
      position: absolute;
      top: 81px;
      right: 0;
    }
  }
  & .van-uploader {
    padding-left: 15px;
  }
  .regis {
    padding-top: 20px;
    float: left;
    color: #fff;
    /deep/.zt {
      font-size: 13px;
    }
    span {
      font-size: 19px;
    }
  }
  /deep/.van-uploader__upload {
    overflow: hidden;
    border-radius: 50%;
  }
}
.order {
  display: flex;
  border-bottom: 1px solid #f1f3f4;
  & span {
    // display: ;
    background-color: rgb(255, 255, 255);
    // height: 70px;
    flex: 1;
    text-align: center;
    line-height: 35px;
    justify-content: center;

    display: flex;
    // justify-self: ;
  }
  .border {
    border-left: 1px solid #f1f3f4;
    border-right: 1px solid #f1f3f4;
  }
  .conten {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .contenColor {
      color: rgb(255, 152, 0);
      font-size: 25px;
    }
    .yaNg {
      font-size: 10px;
    }
    .balance {
      font-size: 10px;
    }
  }
}
</style>